<template>
  <!-- 审核卡片列表 -->
  <view class="apply-card-list">
    <uni-card v-for="(item,index) in dataList" :key="index" @click="gotoPage(item)">
      <uni-list-item right-text="2025-04-22" :border="false">
        <template v-slot:header>
          申请单号：{{item.storageCode}}
        </template>
      </uni-list-item>
      <uni-list-item :border="false">
        <template v-slot:header>
          领料用途：{{item.useTypeName}}
        </template>
        <template v-slot:footer>
          <image src="/static/images/apply-img/办会家_审核通过 (1).png" mode="aspectFill" class="right-img" ></image>
        </template>
      </uni-list-item>
      <uni-list-item :border="false">
        <template v-slot:header>
          申请人：{{item.applyDepartmentName}}
        </template>
      </uni-list-item>
    </uni-card>
  </view>
</template>

<script setup>
import { onMounted, ref, toRefs } from 'vue';

const props = defineProps({
  dataList: {
    type: Array,
    default: []
  },
})

const gotoPage = (item)=>{
  uni.navigateTo({
    url:`/pages/applySkuOrder/detail/apply-detail/apply-detail?id=${item.id}`,
    // events: item
  })
}

console.log('卡片的数据：：');
</script>

<style lang="scss">
.apply-card-list {
  width: 100%;
  font-size: 14px !important;
  .right-img{
    width: 60px;
    height: 35px;
  }
}
</style>